Ngày phát hành: 20 tháng 5 năm 2025
Tại Google I/O 2025, chúng tôi đã ra mắt các tính năng mới để tăng cường năng suất và giúp bạn xây dựng một trang web mạnh mẽ, liền mạch và hiện đại hơn.
Sau đây là 10 điểm cải tiến chính giúp bạn tận dụng các tính năng tiên tiến và chắc chắn sẽ truyền cảm hứng cho dự án tiếp theo của bạn.
1. Bạn có thể tạo băng chuyền dễ dàng hơn bao giờ hết chỉ với vài dòng CSS và HTML
Tạo băng chuyền đẹp mắt bằng CSS có tính tương tác ngay từ lần vẽ đầu tiên. Chrome phiên bản 135 đã giới thiệu các nguyên hàm CSS mới – phân mảnh có thể tạo kiểu, các phần tử điểm đánh dấu cuộn và nút cuộn – giúp đơn giản hoá việc tạo băng chuyền mà không cần JavaScript. Sử dụng các khái niệm CSS quen thuộc để tạo băng chuyền phong phú, tương tác, mượt mà và dễ truy cập hơn trong một khoảng thời gian ngắn.
2. Cửa sổ bật lên khai báo: Giới thiệu Interest Invoker API mới
API Trình gọi mối quan tâm thử nghiệm có sẵn dưới dạng bản dùng thử theo nguyên gốc.
Với tính năng này, bạn có thể bật/tắt cửa sổ bật lên một cách rõ ràng khi mối quan tâm của khách truy cập hoạt động trong một khoảng thời gian ngắn. Tạm biệt thuộc tính [title] không thể tạo kiểu; xin chào [interesttarget]! Kết hợp với Anchor Positioning API (API định vị neo) và Popover API để tạo các thành phần giao diện người dùng phong phú, thích ứng và tương tác như chú giải công cụ hoặc thẻ di chuột mà không cần JavaScript. CSS hiện đại mang đến vô vàn khả năng!
3. Một số API AI tích hợp sử dụng các mô hình hàng đầu như Gemini Nano hiện có các tính năng đa phương thức trong Prompt API
Chúng tôi tiếp tục hành trình tích hợp AI, mang đến cho bạn quyền riêng tư nâng cao, giảm độ trễ và giảm chi phí, cùng với quyền truy cập vào kết quả chất lượng cao do AI tạo ra. AI tích hợp sử dụng các mô hình chuyên gia và Gemini Nano, mô hình hiệu quả nhất của Google, để xử lý các tác vụ trên thiết bị. Kể từ Chrome 138, API Tóm tắt, API Trình phát hiện ngôn ngữ, API Trình dịch và API Lời nhắc cho Tiện ích Chrome sẽ có trong phiên bản ổn định. Ngoài ra, Writer API và Rewriter API cũng có trong các bản dùng thử theo nguyên gốc.
API Trình đọc chính tả mới, cùng với API Lời nhắc có các tính năng đa phương thức, có trong Chrome Canary.
Để biết thông tin mới nhất, hãy tham gia chương trình xem trước sớm của chúng tôi để cộng tác trên các API AI tích hợp mới và định hình tương lai của AI trên web.
4. AI phía máy khách mở rộng với Firebase và API dành cho nhà phát triển Gemini để cung cấp giải pháp AI kết hợp
Nhờ sự cộng tác với Firebase và API dành cho nhà phát triển Gemini, giờ đây, bạn có thể tạo trải nghiệm web dựa trên AI trên thiết bị di động và máy tính. Các ứng dụng này sử dụng AI phía máy khách khi có thể và mở rộng liền mạch sang AI phía máy chủ để tiếp cận tất cả thiết bị và trình duyệt. Kể từ hôm nay, Logic AI của Firebase sẽ cung cấp quyền truy cập liền mạch vào Prompt API tích hợp của Chrome, được Gemini Nano hỗ trợ và các mô hình nhỏ hơn tương tự ở phía máy chủ bằng cách sử dụng Gemini Developer API.
5. Tính năng hỗ trợ AI trong Chrome DevTools hỗ trợ quy trình gỡ lỗi của bạn trên các khía cạnh như kiểu dáng, hiệu suất và nhiều khía cạnh khác
Với tính năng trợ giúp AI, bạn có thể trò chuyện với Gemini để được trợ giúp gỡ lỗi kiểu trong bảng điều khiển Elements (Thành phần), giải quyết các vấn đề về hiệu suất trong bảng điều khiển Performance (Hiệu suất), xác định các vấn đề về mạng trong bảng điều khiển Network (Mạng) và tìm tệp nguồn trong bảng điều khiển Sources (Nguồn). Ngoài ra, tính năng hỗ trợ AI hiện có thể áp dụng trực tiếp các thay đổi liên quan đến kiểu dáng cho mã nguồn của bạn trong bảng điều khiển Elements (Thành phần).
6. Dữ liệu người dùng thực, Thông tin chi tiết về Lighthouse và các tính năng AI trong bảng điều khiển Hiệu suất của Chrome DevTools giúp bạn hiểu và khắc phục các vấn đề về hiệu suất
Với bảng điều khiển Hiệu suất được thiết kế lại, giờ đây, bạn có thể truy cập vào dữ liệu Core Web Vitals cục bộ và dữ liệu của người dùng thực tế cũng như yêu cầu Gemini giúp bạn hiểu và khắc phục các vấn đề về hiệu suất. Thanh bên Thông tin chi tiết đưa thông tin chi tiết của Lighthouse vào dấu vết của bạn giúp bạn gỡ lỗi nhanh hơn mà không cần rời khỏi quy trình làm việc hoặc làm gián đoạn năng suất.
7. Các tính năng cơ sở hiện đã có trong các công cụ quen thuộc của bạn: VS Code, ESLint, v.v.
Đạt được độ chính xác và sự tự tin cao hơn trong quy trình phát triển web nhờ tính năng tích hợp Đường cơ sở. Trong các công cụ phát triển web quen thuộc, bạn sẽ có được thông tin rõ ràng về khả năng sử dụng các tính năng web trên các trình duyệt chính:
- IDE: VSCode hiện hiển thị trạng thái cơ sở của các tính năng ngay khi bạn tạo, với tính năng hỗ trợ sắp ra mắt cho WebStorm của JetBrains và các IDE dựa trên VS Code, bao gồm Firebase Studio, Windsurf, GitHub Codespaces, v.v.
- Trình tìm lỗi mã nguồn: Trình tìm lỗi mã nguồn CSS và HTML có thể chủ động cảnh báo bạn khi bạn đang sử dụng một tính năng mới hơn mục tiêu Cơ sở. Đường cơ sở được hỗ trợ trong ESLint cho CSS, HTML ESLint và Stylelint.
- Phân tích: RUMvision kết hợp dữ liệu cơ sở với các chỉ số người dùng thực tế, cho phép bạn chọn phiên bản cơ sở tối ưu cho đối tượng của mình một cách chiến lược. Người dùng Google Analytics có thể tải dữ liệu lên Trình kiểm tra cơ sở của Google Analytics để nhận các đề xuất về Cơ sở.
- Trình biên dịch: sử dụng browserslist-config-baseline để cắm các mục tiêu Đường cơ sở vào các công cụ biên dịch mã như Babel và PostCSS để bạn có thể sử dụng các tính năng hiện đại trong mã nguồn và biên dịch các tính năng đó trong bản dựng chính thức.
8. Xem thông tin đầy đủ về tính năng hỗ trợ web thông qua Trang tổng quan về nền tảng web
Năm ngoái, chúng tôi đã ra mắt Trang tổng quan về nền tảng web, một cách để khám phá dữ liệu về tính năng web liên kết toàn bộ nền tảng web dưới dạng một tập hợp tính năng. Với tập dữ liệu tính năng web hiện đã được liên kết 100%, lần đầu tiên, bạn có thể xem trạng thái Cơ sở của mọi tính năng trên mọi trình duyệt, từ AVIF đến Chuyển đổi chế độ xem, bao gồm cả khả năng sử dụng và mức độ sử dụng của các tính năng đó. Hãy luôn nắm bắt thông tin và tự tin xây dựng!
9. Bản dùng thử dành cho nhà phát triển để trải nghiệm quy trình đăng nhập đơn giản hơn với Trình quản lý thông tin xác thực
Chúng tôi nhận thấy sự phiền toái mà nhiều phương thức xác thực (bao gồm cả mật khẩu, liên kết danh tính và khoá truy cập) có thể gây ra cho người dùng trang web của bạn. Mục tiêu của chúng tôi là mang đến trải nghiệm đăng nhập hợp nhất và dễ dàng cho người dùng. Vì vậy, chúng tôi sẽ mang trải nghiệm trực quan của Trình quản lý thông tin xác thực của Android đến với Chrome. Sắp tới, khi người dùng nhấp vào đăng nhập, Chrome sẽ hiển thị thông tin xác thực có sẵn cho trang web này, chẳng hạn như khoá truy cập và mật khẩu từ Trình quản lý mật khẩu của Google, giúp quá trình đăng nhập diễn ra liền mạch. Chúng tôi cũng dự định thêm tính năng liên kết danh tính vào trải nghiệm này. Trình quản lý thông tin xác thực cho web hiện đang ở giai đoạn dùng thử cho nhà phát triển; hãy chú ý theo dõi để biết thêm thông tin cập nhật vào cuối năm nay.
10. Lặp lại các Tiện ích Chrome nhanh hơn nhờ khả năng huỷ yêu cầu xem xét nội dung gửi
Việc gửi Tiện ích Chrome sẽ diễn ra liền mạch, không lo lắng và thú vị! Tuy nhiên, chúng tôi nhận thấy một vấn đề gây khó khăn là không thể nhanh chóng khắc phục lỗi trong nội dung gửi đang chờ xử lý. Đầu năm nay, chúng tôi đã ra mắt tính năng huỷ một nội dung gửi đang chờ xử lý. Tính năng này dựa trên tính năng huỷ một phiên bản đã xuất bản trước đó. Mục tiêu của chúng tôi là giúp bạn nhanh chóng chỉnh sửa và gửi lại nội dung.
Để biết tất cả thông tin mới nhất, hãy truy cập vào developer.chrome.com và web.dev để tìm hiểu thêm về cách chúng tôi tạo ra một trang web mạnh mẽ và dễ dàng hơn. Đừng quên kết nối với chúng tôi trên X, YouTube và LinkedIn. Hẹn gặp bạn tại sự kiện I/O tiếp theo!
Deloitte đề cập đến một hoặc nhiều công ty Deloitte Touche Tohmatsu Limited, một công ty tư nhân ở Vương quốc Anh có trách nhiệm hữu hạn theo bảo lãnh ("DTTL"), mạng lưới các công ty thành viên và các pháp nhân liên quan của các công ty đó. DTTL và từng công ty thành viên là các pháp nhân riêng biệt và độc lập về mặt pháp lý. DTTL (còn gọi là "Deloitte Global") không cung cấp dịch vụ cho khách hàng. Tại Hoa Kỳ, Deloitte đề cập đến một hoặc nhiều công ty thành viên của DTTL ở Hoa Kỳ, các pháp nhân liên quan của họ hoạt động bằng tên "Deloitte" ở Hoa Kỳ và các công ty liên kết tương ứng của họ. Một số dịch vụ có thể không được cung cấp cho khách hàng chứng thực theo quy tắc và quy định của kế toán công. Vui lòng truy cập www.deloitte.com/about để tìm hiểu thêm về mạng lưới các công ty thành viên trên toàn cầu của chúng tôi.